<template>
    <div class="side-menu">
       <div class="side-menu-title">
             <h2>物流信息服务</h2>
             <p>POLICY</p>
             <div class="delta"></div>
        </div>
        <nuxt-link :class="active==1?'active':''" :to="'/info/road'"><span></span>线路信息</nuxt-link>
        <nuxt-link :class="active==2?'active':''" :to="'/info/vehicle'"><span></span>车源信息</nuxt-link>
         <nuxt-link :class="active==3?'active':''" :to="'/info/goods'"><span></span>货源信息</nuxt-link>
        <nuxt-link :class="active==4?'active':''" :to="'/info/storage'"><span></span>仓储信息</nuxt-link>
        <nuxt-link :class="active==5?'active':''" :to="'/info/interInformation'"><span></span>网点信息</nuxt-link>
        <nuxt-link :class="active==6?'active':''" :to="'/info/manpower'" class='lastLink'><span></span>人力服务</nuxt-link>
        <div class="server-logo">
            <img src="./../../../static/img/info/info-all.png" alt=""> 
        </div>
    </div>
</template>

<script>
export default {
    props: {
        active: {
            type: String,
            default: '/info'
        }
    },
    methods: {
        onOpenChange (openKeys) {
            console.log('openKeys::',openKeys)
        }
    },
}
</script>
<style lang="scss">
.server-logo{
    margin-top:25px;
}
@import "../../../assets/unit/sideMenu.scss";
</style>
